<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.11.0.js"></script>
		<style type="text/css">
			.tu {
				width: 122px;
				height: 90px;
				border: 1px solid;
				background: url(img/icon-see.png) no-repeat;
			}
			
			.tu1 {
				background: url(img/icon-see-2.png) no-repeat;
			}
		</style>
		<script type="text/javascript">
			$(function() {
				$('.tu').mouseover(function() {
					$(this).addClass('tu1');
				}).mouseout(function() {
					$(this).removeClass('tu1');
				})
			})
		</script>
		<!--[if IE 6]>
		<script src="js/iepng.js"></script>
		<style>
			.tu {
				background: none;
    			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/icon-see.png");
			}
			
			.tu1 {
				background: none;
    			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/icon-see-2.png");
			}
		</style>
		<![endif]-->
	</head>

	<body>
		<div class="tu"></div>
	</body>

</html>